/******************** Default ********************/

.content {
width: 960px;
overflow:hidden;
}

#main_content
{
width : 758px;
float:right;	
border: solid 2px blue;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px
}

#lesson_menu{
width:165px;
float:left;
background: #EEEEEE;
}

#lesson_menu a{
text-decoration: none;
}

#lesson_menu a:hover{
text-decoration: none;
color: #FF9933;
}

#lesson_menu li{
list-style-type: none;
margin: 0px 0px 18px 0px;
}


/************ Bai viet *******************/
.sub_header{
padding-left:300px;
margin-top:10px;
margin-bottom: 10px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-khtml-border-radius: 20px; 
border-radius: 20px;
border-style:groove;
}

.topic{
padding-left: 20px;
padding-top: 20px;
padding-bottom: 5px;


margin-top:10px;
margin-bottom: 10px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-khtml-border-radius: 20px; 
border-radius: 20px;
border-style:groove;

overflow:hidden;
}

.left{
float:left;
width: 70px;
}

.right{
float:right;
width: 650px;

}



/****************************comment****************************/
div.comment div.avatar
{
float:left;
color:black;
font-weight: bold;
border: solid black 2px;
}


div.content_comment
{
margin-left: 5 px;
float:right;
width: 620px;
}


div.comment
{
font-size: 16px;
border: solid black 2px;
overflow:hidden;
}


/****************************LuyenNghe****************************/
.left_video
{
float:left;
width: 330px;
}

.right_video{
float:right;
width: 400px;

}

.topic_video{
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;

margin-top:10px;
margin-bottom: 10px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-khtml-border-radius: 20px; 
border-radius: 10px;
border: 2px groove black;
overflow:hidden;
}






div.clearer {clear: left; line-height: 0; height: 0;}

.question {
clear: both;
margin-top: 20px;
}
.prompt {
margin-left: 12px;
height:auto;
padding-right: 25px;
font-family:Tahoma;
font-size:12px;
float:left;
}
.prompt_image{
height:auto;
float:left;
}
.prompt_text{
height:auto;
margin-left: 25px;
float:left;
font-family:Tahoma;
font-size:14px;
color:#000000;

}

.prompt-number {
border: 0;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
}

.prompt-content {
border: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 30px;
}

#sol td{
padding: 0px 4px;
}

/*****************************Kiem Tra****************************/
.left_audio
{
float:left;
width: 200px;
}

.right_audio{
float:right;
width: 350px;
}

#left_picture{
float:left;
width: 480px;
}

.right_picture{
float:right;
width: 220px;

}

.picture_box{

width: 240px;
height:210px;
text-align:center;

padding-top:10px;
margin-top:10px;
margin-bottom: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
border-radius: 10px;

border: 2px groove black;
}


#new_word{
width: 200px;
height:170px;
}

#choose_right_word{
padding-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
height: 100%;


margin-top:10px;
margin-bottom: 10px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-khtml-border-radius: 20px; 
border-radius: 20px;
border-style:groove;

overflow:hidden;	
}

/*************************Trang Tu Vung***************************/

#ListVocabulary {
width: 760px;
border: 2px solid #999;

}

#ListVocabulary ul li{
display: inline;
margin: 0px 30px 0px 0px;

}
#ListVocabulary ul li a{
text-decoration:none;


}
#ListVocabulary ul li a:hover{
color: #FF9933;
}


#OneVocabulary{
height: 330px;
width : 760 px;
border: 2px solid #999;
}
#image{
float:left;
margin: 40px 0px 0px 20px;

}
#contentImage{
float:left;
height: 100px; /*230*/
width:313px; /*360*/
border: 2px solid #999;
margin: 40px 0px 0px 20px;
}
#ListDanhMuc{
text-align:center;
padding-top: 5px;
padding-left: 20px;
width:760px;
overflow:hidden;
}

.box_menu
{
width:70px;
text-decoration: none;
float: left;
padding-left: 50px;
}

#ListDanhMuc img{
width: 40px;
height: 40px;
}


#NameList ul li{
display:inline;
margin: 0px 5px 0px 20px;
}
#NameList ul li a{
text-decoration: none;

}



/*************************Trang MyCourse ******************/


#main_content li{
list-style-type: none;
}
#main_content ul li
{
display: inline;
margin: 50px 0px 0px 40px;
}

#NameLesson{
width: 500px;
border: solid 1px #999;
margin: 50px 0px 45px 75px;
background: #EEEEEE;
}
#NameLesson h2{
margin: 10px 10px 0px 180px;
color:#3399FF;
}

#NameList ul li a{
display:inline;
margin: 0px 10px 0px 3px;
text-decoration: none;
}
#process{
border: solid 1px;
width: 300px;
height: 10px;

margin: 50px 0px 0px 180px;
}

/*********************************Trang Lession**********************/
#WeekTabs ul li{
display: inline;
padding: 0px 20px 0px 0px;
}
#WeekTabs ul li a:hover{
color: #FF9933;
background: #EEEEEE;
}
#WeekTabs ul li a{
text-decoration: none;
}
#ListLesson ul li ul li{
display: inline;
margin: 0px 30px 50px 0px;
}

#ListLesson ul li ul li a{
display: inline;
padding: 0px 50px 0px 0px;
text-decoration:none;
}

#ListLesson ul li ul li a:hover{
color: #FF9933;
}

.process_lession{
border: solid 1px #999;
width: 200px;
height: 15px;
float: right;
margin: 15px 0px 0px 10px;
}


/*********************************Trang Write**********************/
#usertag{ 
position: overflow;

}

#usertag ul li{
display: inline;
padding: 0px 20px 70px 0px;
}

#writingBox a{
margin: 0px 0px 0px 20px;
}

#writingBox #post{
margin: 0px 0px 0px 250px;
}

#writingBox a:hover{
text-decoration:none;
}

/*********************************Trang Test**********************/
#choose_right_word ul li{
display: inline;
padding: 0px 20px 20px 0px;
}